<!--A Design by W3layouts
Author: W3layout
Author URL: http://w3layouts.com
License: Creative Commons Attribution 3.0 Unported
License URL: http://creativecommons.org/licenses/by/3.0/
-->
<!DOCTYPE HTML>
<html>
<head>
<title></title>
<link href="css/style.css" rel="stylesheet" type="text/css" media="all" />
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<script type="text/javascript" src="js/jquery.min.js"></script>
<script src="js/easyResponsiveTabs.js" type="text/javascript"></script>
<script src="js/login.js"></script>
<link href='http://fonts.googleapis.com/css?family=Droid+Sans' rel='stylesheet' type='text/css'>
<link href='http://fonts.googleapis.com/css?family=Roboto' rel='stylesheet' type='text/css'>
<!-- the jScrollPane script -->
<script type="text/javascript" src="js/jquery.easing.1.3.js"></script>
<!-- the jScrollPane script -->
<script type="text/javascript" src="js/jquery.mousewheel.js"></script>
<script type="text/javascript" src="js/jquery.contentcarousel.js"></script>
</head>
<body>
<div class="header">	
  <div class="wrap"> 
	  <div class="header-top">
		  <div class="header-left">
			 <div class="logo">
				<a href="index.html"><img src="images/logo.png" alt=""/></a>
			 </div>
			 <div class="cssmenu">
				<ul>
					 <li class="active"><a href="index.html"><span>Inicio</span></a></li>
					 <li><a href="products.html"><span>Productos</span></a></li>
					 <li><a href="services.html"><span>Servicios</span></a></li>
					 <li class="has-sub"><a href="work.html"><span>Nuestra empresa</span></a></li>
					 <li class="last"><a href="contact.html"><span>Contáctanos</span></a></li>
					 <div class="clear"></div>
				</ul>
		    </div>
	      </div>
		  <div class="header-right">
			<div id="loginContainer"> 
				 <span>Iniciar sesión</span><a id="loginButton"  ><a href="./login/login.html" target="_blank"><img src="images/plus.png" alt="" /></a>  
				     <!-- <div id="loginBox">                
				          <form id="loginForm">
				             <div>
						    	<span><label>E-Mail</label></span>
						    	<span><input name="userEmail" type="text" class="textbox"></span>
						     </div>
							 <div>
						   		<span><input type="submit" value="Subscribe"></span>
						     </div>
					      </form>
				      </div> -->
			  </div>
		    </div>
		    <div class="clear"></div> 
	   </div>
	   <div class="header-bottom">
	   	   <ul class="follow_icon">
				 <li><a href="#" style="opacity: 1;"><img src="images/fb.png" alt=""></a></li>
				 <li><a href="#" style="opacity: 1;"><img src="images/tw.png" alt=""></a></li>
				 <li><a href="#" style="opacity: 1;"><img src="images/rss.png" alt=""></a></li>
		   </ul>
		   <div class="banner-img">
		   		<img src="images/banner.png" alt=""/>
		   </div>
		   <div class="clear"></div> 
	  </div>
   </div>	
</div>
<div class="main">
	<div class="wrap">
		<div class="content-top">
			<div class="cont span_2_of_3">
				 <h3><span class="red"></span></h3>
				 <p></p>
			</div>
			<div class="rsidebar span_1_of_3">
				 <img src="images/graph.png" alt=""/> 
			</div>
		   	<div class="clear"></div> 
		</div>
		<div class="content-middle">
			<div class="our-mission" id="team">
			   <div id="ca-container" class="ca-container">
				  <div class="ca-wrapper">
				         <div class="ca-item ca-item-1">
						   <div class="ca-item-main">
								<div class="ca-icon"> </div>
								<h3><a href="#"></a></h3>
								 <h4>
									<span></span>
								</h4>
							</div>
						  </div>
						<div class="ca-item ca-item-2">
							<div class="ca-item-main">
								<div class="ca-icon"> </div>
								<h3><a href="#"></a></h3>
								<h4>
								    <span></span>
								</h4>
							</div>
						</div>
						<div class="ca-item ca-item-3">
							<div class="ca-item-main">
								<div class="ca-icon"> </div>
							    <h3><a href="#"></a></h3>
								<h4>
									<span></span>
								</h4>
							</div>
						</div>
						<div class="ca-item ca-item-4">
							<div class="ca-item-main">
								<div class="ca-icon"> </div>
								<h3><a href="#"></a></h3>
								<h4>
									<span></span>
								</h4>
						     </div>
						</div>
						<div class="ca-item ca-item-5">
							<div class="ca-item-main">
								<div class="ca-icon"> </div>
								<h3><a href="#"></a></h3>
								<h4>
									<span></span>
								</h4>
							</div>
						</div>
						<div class="ca-item ca-item-6">
							<div class="ca-item-main">
								<div class="ca-icon"> </div>
								<h3><a href="#"></a></h3>
								<h4>
									<span></span>
								</h4>
							</div>
						</div>
						<div class="ca-item ca-item-7">
							<div class="ca-item-main">
								<div class="ca-icon"> </div>
								<h3><a href="#"></a></h3>
								<h4>
									<span></span>
								</h4>
							</div>
						</div>
						<div class="ca-item ca-item-8">
							<div class="ca-item-main">
								<div class="ca-icon"> </div>
								<h3><a href="#"></a></h3>
								<h4>
									<span></span>
								</h4>								
							 </div>
						</div>
			    </div>
			 </div>
				    <script type="text/javascript">
						$('#ca-container').contentcarousel();
					</script>
		</div>
	  </div><br>
	    <div class="content-middle-bottom">
			<div class="our-mission" id="team1">
			   <div id="ca-container1" class="ca-container">
				  <div class="ca-wrapper">
				         <div class="ca-item ca-item-1">
						   <div class="ca-item-main">
								<div class="ca-icon"> </div>
								<h3><a href="#"></a></h3>
								 <h4>
									<span></span>
								</h4>
							</div>
						  </div>
						<div class="ca-item ca-item-2">
							<div class="ca-item-main">
								<div class="ca-icon"> </div>
								<h3><a href="#"></a></h3>
								<h4>
								    <span></span>
								</h4>
							</div>
						</div>
						<div class="ca-item ca-item-3">
							<div class="ca-item-main">
								<div class="ca-icon"> </div>
								<h3><a href="#"></a></h3>
								<h4>
									<span></span>
								</h4>
							</div>
						</div>
						<div class="ca-item ca-item-4">
							<div class="ca-item-main">
								<div class="ca-icon"> </div>
								<h3><a href="#"></a></h3>
								<h4>
									<span></span>
								</h4>
						     </div>
						</div>
						<div class="ca-item ca-item-5">
							<div class="ca-item-main">
								<div class="ca-icon"> </div>
								<h3><a href="#"></a></h3>
								<h4>
									<span></span>
								</h4>
							</div>
						</div>
						<div class="ca-item ca-item-6">
							<div class="ca-item-main">
								<div class="ca-icon"> </div>
								<h3><a href="#"></a></h3>
								<h4>
									<span></span>
								</h4>
							</div>
						</div>
						<div class="ca-item ca-item-7">
							<div class="ca-item-main">
								<div class="ca-icon"> </div>
								<h3><a href="#"></a></h3>
								<h4>
									<span></span>
								</h4>
							</div>
						</div>
						<div class="ca-item ca-item-8">
							<div class="ca-item-main">
								<div class="ca-icon"> </div>
								<h3><a href="#"></a></h3>
								<h4>
									<span></span>
								</h4>								
							 </div>
						</div>
					 </div>
			     </div>
				    <!-- the jScrollPane script -->
					<script type="text/javascript">
						$('#ca-container1').contentcarousel();
					</script>
		</div>
	  </div>
	      <div class="bottom-content">
	  		    <div class="col_1_of_2 span_1_of_2">
				   <h3><span class="red"></span></h3>
				   <p></p>
				   <p></p>
 				</div>
				<div class="col_1_of_2 span_1_of_2">
				   <h3> <span class="red"></span></h3>
				   <p></p>
				   <p></p>
				   </div>
				<div class="clear"></div>
	      </div>
	      <div class="heading">
	      	<h3><span class="red"></span></h3>
	      </div>
	      <div class="sap_tabs">	
			<div id="horizontalTab2">
				  <ul class="resp-tabs-list">
					  <li>Comodidad</li>
				 	  <li>Estilo</li>
					  <li>Diseño</li>
					  <li>Calidad</li>
					  <div class="clear"></div>
				  </ul>				  	 
				  <div class="resp-tabs-container">
					  <div class="tab-1">
						<div class="tab-content">
							<div class="cont span_2_of_3">
								 <h3></h3>
								 <p></p>
							</div>
							<div class="rsidebar span_1_of_3">
								 <img src="images/footer-banner.png" alt=""/> 
							</div>
						   	<div class="clear"></div> 
						</div>
	    			   </div>
					   <div class="tab-2">
						 <div class="tab-content">
							<div class="cont span_2_of_3">
								 <h3></h3>
								 <p></p>
							</div>
							<div class="rsidebar span_1_of_3">
								 <img src="images/footer-banner.png" alt=""/> 
							</div>
						   	<div class="clear"></div> 
						</div>
					 </div>	
				    <div class="tab-3">
					    <div class="tab-content">
							<div class="cont span_2_of_3">
								 <h3></h3>
								 <p></p>
							</div>
							<div class="rsidebar span_1_of_3">
								 <img src="images/footer-banner.png" alt=""/> 
							</div>
						   	<div class="clear"></div> 
						</div>
				     </div>	
				     <div class="tab-4">
					     <div class="tab-content">
							<div class="cont span_2_of_3">
								 <h3></h3>
								 <p></p>
							</div>
							<div class="rsidebar span_1_of_3">
								 <img src="images/footer-banner.png" alt=""/> 
							</div>
						   	<div class="clear"></div> 
						</div>          
				      </div>					      	
		           </div>	        
	        </div>
		    <script type="text/javascript">
			    $(document).ready(function () {
			        $('#horizontalTab2').easyResponsiveTabs({
			            type: 'default', //Types: default, vertical, accordion           
			            width: 'auto', //auto or any width like 600px
			            fit: true   // 100% fit in a container
			        });
			    });
			   </script>	
      	  </div>	  	        		
	 </div>
  </div>
  <div class="footer">
  	   <div class="wrap">
  			<div class="bottom-content">
	  		    <div class="col_1_of_footer span_1_of_footer">
	  		      <div class="footer-logo">
					 <a href="index.html"><img src="images/logo.png" alt=""/></a>
			 	  </div>
			 	  <div class="footer-border">
					  <p></p>
					   <ul class="footer_icon">
						 <li><a href="#" style="opacity: 1;"><img src="images/fb.png" alt=""></a></li>
						 <li><a href="#" style="opacity: 1;"><img src="images/tw.png" alt=""></a></li>
						 <li><a href="#" style="opacity: 1;"><img src="images/rss.png" alt=""></a></li>
			  		   </ul>
			  	 </div>
 				</div>
				<div class="col_1_of_footer span_1_of_footer1">
				     <div class="col_1_of_footer span_1_of_footer">
						   <div class="sidebar-nav">
						   	<div class="footer-middle-right">
						   	   <h4></h4>
				                <ul>
				                   <li><a href="">Inicio</a></li>
				                   <li><a href="">Productos</a></li>
				                   <li><a href="">Dónde comprar</a></li>
				                   <li><a href="">Acerca de nosotros</a></li>
				                   <li><a href="">Contáctanos</a></li>
				                   <li><a href="">Suscribirse</a></li>
				               </ul>
		              	    </div>
		              	    </div>
		 				 </div>
						 <div class="col_1_of_footer span_1_of_footer">
						    <div class="sidebar-nav1">
						    	<div class="footer-right">
						   		<h4>Acerca de nosotros</h4>
				                <ul>
				                   <li><a href="">Proveedores</a></li>
				                   <li><a href="">Diseño</a></li>
				                   <li><a href="">Nuestro equipo</a></li>
				                   <li><a href="">Nuestro blog</a></li>
				                   <li><a href="">RSS</a></li>
				                   <li><a href="">Twitter</a></li>
				                </ul>
		              	   </div>
		              	    </div>
						</div>
						<div class="clear"></div>
	       	     </div>
				<div class="clear"></div>
	       </div>
	       <div class="copy">
		      <p class="copy">© 2014 Diseñado por Wilian Ramírez </p>
	       </div>
  	   </div>
  </div>
</body>
</html>

    	
    	
            